<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>注册</title>
<link type="text/css" rel="stylesheet" href="/css/dialog.css"></link>
<link type="text/css" rel="stylesheet" href="/css/reg.css"></link>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td {
    margin: 0 auto;
    padding: 0;
}
button, input, select, textarea, label {
    font: 14px/24px tahoma,arial,宋体,sans-serif;
    vertical-align: middle;
}
</style>
<script src="/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$("#NickNameInput0,#PassInputUsername0,#PassInputLoginpass0,#PassInputVerifypass0,#PassInputEmail0").focus(function(){
		$(this).parent().addClass("inputactive");
		$(this).nextAll().hide();
		$(this).nextAll(".pass-desc").show();
	});
	$("#NickNameInput0").blur(function(){
      $(this).parent().removeClass("inputactive");
      $(this).nextAll().hide();
      var nickname = $("#NickNameInput0").val();
      if(nickname=='') {
          $(this).nextAll(".pass-valid-note").text('请填写昵称');
          $(this).nextAll(".pass-valid-note").show();
       } else {
    	   $(this).nextAll(".pass-valid-right").show();
       }
   });
	$("#PassInputLoginpass0").blur(function(){
      $(this).parent().removeClass("inputactive");
      $(this).nextAll().hide();
      var password = $("#PassInputLoginpass0").val();
      if(password=='') {
          $(this).nextAll(".pass-valid-note").text('请填写密码');
          $(this).nextAll(".pass-valid-note").show();
       } else if(password.length<6 || password.length>14) {
          $(this).nextAll(".pass-valid-note").text('密码最少6个字符，最长不得超过14个字符');
          $(this).nextAll(".pass-valid-note").show();
       } else {
    	   $(this).nextAll(".pass-valid-right").show();
       }
   });
	$("#PassInputVerifypass0").blur(function(){
      $(this).parent().removeClass("inputactive");
      $(this).nextAll().hide();
      var verifypwd = $("#PassInputVerifypass0").val();
      if(verifypwd!=$("#PassInputLoginpass0").val()) {
          $("#PassInputVerifypass0").nextAll(".pass-valid-note").text('确认密码与密码不一致');
          $("#PassInputVerifypass0").nextAll(".pass-valid-note").show();
      } else if(verifypwd==''){
    	  $(this).nextAll(".pass-valid-note").text('请填写确认密码');
          $(this).nextAll(".pass-valid-note").show();
      } else{
    	  $(this).nextAll(".pass-valid-right").show();
      }
   });
   $("#PassInputVerifycode0").focus(function(){
      $(this).addClass("inputactive");
      $(this).nextAll("span").hide();
      $(this).nextAll(".pass-desc").show();
   });
   $("#PassInputVerifycode0").blur(function(){
      $(this).removeClass("inputactive");
      $(this).nextAll("span").hide();
      if($(this).val()==''){
    	  $(this).nextAll(".pass-valid-note").text('请输入验证码');
        $(this).nextAll(".pass-valid-note").show();
      } else if($(this).val().length!=4) {
    	  $(this).nextAll(".pass-valid-note").text('请输入4位验证码');
        $(this).nextAll(".pass-valid-note").show();
      } else {
    	  $(this).nextAll(".pass-valid-right").show();
      }
   });
   $("#usrbar-login").click(function() {//点击上方登陆
       $("#mask").show();
       $("#dialog").css("left",$(document.body).width()/2-315 + 'px');
       $("#dialog").show();
       $("#tangram-DIALOG--TANGRAM__giframe").attr("src","/user/login.jsp?t="+new Date().getTime());
    });
    $("#tangram-BUTTON--TANGRAM__s").click(function() {//点击登陆框的关闭
       $("#dialog").hide();
       $("#mask").hide();
    });
    $("#PassVerifypicChange0").click(function(){
    	$("#PassVerifypic0").attr("src", "/verifypic.do?" + new Date().getTime());
    });
    $("#PassInputUsername0,#PassInputEmail0").focusout(function(){
    	$(this).parent().removeClass("inputactive");
      $(this).nextAll().hide();
    	var a = $(this);
    	if(a.val()=='') {
    		a.next().text('请输入'+a.prev().text());
         a.next().show();
         return;
    	}
    	$.ajax({
    		   type: "POST",
    		   url: "/regcheck.do",
    		   data: {what:a.attr("name"),val:a.val()},
    		   success: function(msg){
    		     if(msg[0]==1){
    		    	 a.next().text('已经注册过，请更换');
    		    	 a.next().show();
    		     } else if(msg[0]==0){
    		    	 a.nextAll(".pass-valid-right").show();
    		     } else {
    		    	 
    		     };
    		   },
    		   error: function() {
    			   a.next().text('连接失败，请检查网络');
               a.next().show();
    		   },
    		   dataType: 'json'
    	});
    });
    $("#okbutton").click(function(){
    	var isright = true;
    	$(".pass-valid-right").each(function(){
            if($(this).css("display")=='none') {
            	isright = false;
               return false;
            }
      });
    	if(isright)
    	 $("#PassFormreg").submit();
    })
})
</script>
</head>
<body>
<div class="ik-reg-bg">
      <div id="body">
         <div class="ik-base-outer">
            <div class="ik-base-inner clearfix">
               <div class="ik-reg-t">
                  <span class="ik-reg-title">填写注册信息</span>
                  <div class="ik-reg-login">已有账号？<a href="javascript:void(0)" id="usrbar-login">马上登录</a></div>
               </div>
               <div class="regbd" id="regbd"><div class="pass-wrapper" id="PassWrapper0">
               <form class="pass-form" method="post" action="/register.do" id="PassFormreg" onsubmit=""><fieldset><legend>用户注册</legend><div class="pass-form-wapper-reg" id="PassFormWapper0">
               <p id="PassError0" style="display:none;" class="pass-server-error"></p>
               <p id="NickName" class="pass-username" style="display:"><label for="PassInputUsername0">昵&nbsp;&nbsp;&nbsp;&nbsp;称：</label><input type="text" autocomplete="off" id="NickNameInput0" name="nickname" class="pv:email" value="" maxlength=""><span class="pass-valid-note " style="display:none;"></span><span class="pass-desc" style="display: none;">请输入昵称，将作为您的标志。</span><span class="pass-valid-right" style="display:none;" rel="true"></span></p>
               <p style="display:" class="pass-username" id="PassUsername0"><label for="PassInputUsername0">用户名：</label><input type="text" maxlength="14" value="" class="pv:username" name="username" id="PassInputUsername0" autocomplete="off"><span id="usernameerr" style="display: none;" class="pass-valid-note  pass-note-failed">请填写用户名</span><span style="display: none;" class="pass-desc">不超过7个汉字，或14个字节(数字，字母和下划线)。</span><span rel="true" style="display:none;" class="pass-valid-right"></span></p><p style="display:" class="pass-loginpass" id="PassLoginpass0"><label for="PassInputLoginpass0">注册密码：</label><input type="password" maxlength="" value="" class="pv:loginpass" name="loginpass" id="PassInputLoginpass0" autocomplete="off"><span style="display: none;" class="pass-valid-note pass-note-failed">请填写密码</span><span style="display: none;" class="pass-desc">密码长度6～14位，字母区分大小写。</span><span rel="true" style="display:none;" class="pass-valid-right"></span></p><p style="display:" class="pass-verifypass" id="PassVerifypass0"><label for="PassInputVerifypass0">确认密码：</label><input type="password" maxlength="" value="" class="pv:verifypass" name="verifypass" id="PassInputVerifypass0" autocomplete="off"><span style="display: none;" class="pass-valid-note  pass-note-failed">请填写确认密码</span><span style="display: none;" class="pass-desc">请再次输入密码。</span><span rel="true" style="display:none;" class="pass-valid-right"></span></p><p style="display: none;" class="pass-sex" id="PassSex0"><label for="PassInputSex0">性别：</label><span class="pass-input-group"><input type="radio" checked="true" value="1" class="pv:sex" name="sex" id="PassInputSex00"><label for="PassInputSex00">男</label><input type="radio" value="2" class="pv:sex" name="sex" id="PassInputSex01"><label for="PassInputSex01">女</label></span><span style="display:none;" class="pass-valid-note "></span><span style="display:none;" class="pass-desc"></span></p><p style="display:" class="pass-email" id="PassEmail0"><label for="PassInputEmail0">电子邮件：</label><input type="text" maxlength="" value="" class="pv:email" name="email" id="PassInputEmail0" autocomplete="off"><span style="display:none;" class="pass-valid-note "></span><span style="display: none;" class="pass-desc">请输入有效的邮件地址，当密码遗失时凭此领取。</span><span rel="true" style="display:none;" class="pass-valid-right"></span></p><p style="display:" class="pass-verifycode" id="PassVerifycode0"><label for="PassInputVerifycode0">验证码：</label><input type="text" autocomplete="off" maxlength="4" value="" class="pv:verifycode" name="verifycode" id="PassInputVerifycode0"><img src="/verifypic.do" style="border:1px #ccc solid;" id="PassVerifypic0"><a href="javascript:void(0)" id="PassVerifypicChange0">看不清?</a><span style="display:none;" class="pass-valid-note "></span><span style="display: none;" class="pass-desc">请输入验证码。</span><span rel="true" style="display:none;" class="pass-valid-right"></span></p><div class="pass-agree"><input type="checkbox" checked="" id="passAgree">我已阅读并接受<a target="_blank" href="http://passport.baidu.com/protocal.html">《用户协议》</a><span></span></div><span style="display:none" id="PassHidIptItems0"><input type="hidden" value="9766788c985a94a69ba2e80d9bc712ed" name="token"><input type="hidden" value="ik" name="tpl"><input type="hidden" value="e80106f636f697a8ecabb16d" name="crypt"><input type="hidden" value="1323870024" name="k712146066"><input type="hidden" value="1323870024" name="time"></span><input type="hidden" value="http://zhidao.baidu.com/html/jump.html" name="staticpage"><input type="hidden" value="BPT0" name="callback"></div><p class="pass-submit"><button id="okbutton" type="button"><span>注册完成</span></button></p></fieldset></form><iframe style="display:none;" src="javascript:''" name="PassIframe0"></iframe><p class="pass-agree-area" style="display: none;"><textarea id="PassRegAgree" readonly="true"></textarea></p></div></div>
            </div>
         </div>
         <b class="green-round-bl fleft"></b>
         <b class="green-round-br fright"></b>
      </div>
      <div id="footer">
         &copy;2011 fckbug&nbsp;&nbsp;
      </div>
   </div>
   <div id="mask" style="position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; display: none; filter:alpha(opacity=25); opacity: 0.25; background-color: rgb(0, 0, 0); z-index: 99999;"><div id="tangram-MODAL--TANGRAM__t"></div></div>
   <div id="dialog" class="tangram-dialog-main" style="display: none;top: 75px; left: 385px; z-index: 100000; margin-left: auto; width: 629px; position: fixed;" data-guid="TANGRAM__g">
      <div id="tangram-DIALOG--TANGRAM__g" class="tangram-dialog">
         <div id="tangram-DIALOG--TANGRAM__gtitle" class="tangram-dialog-title" data-guid="TANGRAM__s">
            <span id="tangram-DIALOG--TANGRAM__gtitle-inner" class="tangram-dialog-title-inner">登录</span>
            <div id="tangram-BUTTON--TANGRAM__s" class="tangram-dialog-close"></div>
         </div>
         <div id="tangram-DIALOG--TANGRAM__gcontent" class="tangram-dialog-content" style="width: 595px; height: 350px;">
            <iframe id="tangram-DIALOG--TANGRAM__giframe" class="tangram-dialog-iframe" width="100%" scrolling="no" height="100%" frameborder="0" name="tangram-DIALOG--TANGRAM__giframe" src="" style="zoom:1"></iframe>
         </div>
         <div id="tangram-DIALOG--TANGRAM__gfooter" class="tangram-dialog-footer" style="width: 210px; margin: 0pt auto 10px;">
         </div>
      </div>
   </div>
</body>
</html><!--27074b8331be027d-->